\documentclass[10pt,a4paper]{article}
\usepackage{polski}
\usepackage[utf8]{inputenc}
\usepackage{a4wide}
\usepackage{fancyhdr}
\usepackage{graphicx}
\pagestyle{fancy}
\lhead{}
\chead{Graficzny interfejs użytkownika}
\rhead{Strona \thepage}
\lfoot{}
\cfoot{}
\rfoot{}
\renewcommand{\headrulewidth}{0.4pt}
\def\thesection{\arabic{section}.}
\def\thesubsection{\thesection\arabic{subsection}.}
\def\thesubsubsection{\thesubsection\arabic{subsubsection}.}

\title{{\LARGE\textbf{Projekt Kino}}\\ \large{Graficzny interfejs użytkownika}}
\author{Paweł Chwała, Jacek Fiedorowicz, Piotr Kieć}

\begin{document}
\maketitle
\vfill
\nopagebreak
\begin{flushleft}
	\begin{tabular}{||c|c|c|l||}\hline
	\multicolumn{4}{|c|}{\textbf{Spis wersji}}\\ \hline\hline
	\textbf{Data} & \textbf{Wersja} & \textbf{Autor} & \textbf{Opis wprowadzonych zmian dokumentu}\\ \hline
 8.12.2009 & 1.0 & Paweł Chwała & utworzenie i edycja dokumentu \\ \hline
20.01.2010 & 2.0 & Paweł Chwała & dodanie grafik z GUI \\ \hline
	\end{tabular}
\end{flushleft}

\thispagestyle{empty}
\newpage
\thispagestyle{empty}
\tableofcontents
\newpage


\section{Interfejs graficzny aplikacji Kino}
Na potrzeby projektu powstał prototyp aplikacji Kino, w którego skład wchodzi graficzny interfejs użytkownika. Niniejszy dokument poświęcony jest temu interfejsowi. \\

\noindent Aplikacja Kino oferuje interfejs graficzny dostepny przez przeglądarkę internetową. Interejs został stworzony z myślą o wszystkich typach użytkownika -- począwszy na kliencie kina, a skończywszy na administratorze serwisu. Interfejs jest odmienny dla różnego rodzaju użytkowników.

\subsection{Interfejs graficzny dla gościa serwisu}
W poniższym podrozdziale przedstawiony został interfejs graficzny gościa serwisu.\\

\noindent Po wejściu do serwisu gość widzi stronę główną (rys. \ref{g_main}).
Na górze strony znajduje się menu, służące do nawigacji po serwisie.
Korzystając z niego użytkownik może przejść na podstronę filmy (rys. \ref{g_filmy}),
gdzie wyświetlana jest informacja o filmach jakie kiedykolwiek wyświetlano w kinie.
Na podstronie {wydarzenia (rys. \ref{g_wydarzenia}) znajduje lista aktualnie planowanych wydarzeń kulturalnych.
Na stronie repertuar (rys. \ref{g_repertuar}) prezentowany jest aktualny repertuar kina.
Gość serwisu może zalogować się w serwisie korzystając z podstrony logowania (rys. \ref{g_logowanie}).
Jeżeli gość nie posiada konta w serwisie może skorzystać z formularza (rys. \ref{rejestracja}) i zarejestrować się w serwisie.
\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/g_main.png}}
        \caption{Interfejs graficzny dla gościa serwisu -- strona główna.}
        \label{g_main}
    \end{center}
\end{figure}


\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/g_filmy.png}}
        \caption{Interfejs graficzny dla gościa serwisu -- filmy}
        \label{g_filmy}
    \end{center}
\end{figure}

\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/g_wydarzenia.png}}
        \caption{Interfejs graficzny dla gościa serwisu -- wydarzenia}
        \label{g_wydarzenia}
    \end{center}
\end{figure}

\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/g_repertuar.png}}
        \caption{Interfejs graficzny dla gościa serwisu -- repertuar}
        \label{g_repertuar}
    \end{center}
\end{figure}

\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/g_logowanie.png}}
        \caption{Interfejs graficzny dla gościa serwisu -- strona logowania}
        \label{g_logowanie}
    \end{center}
\end{figure}

\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/rejestracja.png}}
        \caption{Interfejs graficzny dla gościa serwisu -- formularz rejestracji}
        \label{rejestracja}
    \end{center}
\end{figure}

% koniec gościa

\subsection{Interfejs graficzny dla zarejestrowanego klienta kina}
\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/u_logowanie.png}}
        \caption{Interfejs graficzny dla zarejestrowanego klienta kina -- logowanie cd.}
        \label{u_logowanie}
    \end{center}
\end{figure}

\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/u_filmy.png}}
        \caption{Interfejs graficzny dla zarejestrowanego klienta kina -- filmy}
        \label{u_filmy}
    \end{center}
\end{figure}

\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/u_wydarzenia.png}}
        \caption{Interfejs graficzny dla zarejestrowanego klienta kina -- wydarzenia}
        \label{u_wydarzenia}
    \end{center}
\end{figure}

\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/u_repertuar.png}}
        \caption{Interfejs graficzny dla zarejestrowanego klienta kina -- repertuar}
        \label{u_repertuar}
    \end{center}
\end{figure}

\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/u_rezerwacja.png}}
        \caption{Interfejs graficzny dla zarejestrowanego klienta kina -- rezerwacja}
        \label{u_rezerwacja}
    \end{center}
\end{figure}

\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/u_zapisy.png}}
        \caption{Interfejs graficzny dla zarejestrowanego klienta kina -- zapisy}
        \label{u_zapisy}
    \end{center}
\end{figure}


Po skorzystaniu z formularza logowania (rys. \ref{g_logowanie}) użytkownikowi wyświetla się strona przedstawiona na rysunku \ref{u_logowanie}. Po pomyślnym zalogowaniu się interfejs ulega zmianie w stosunku do interfejsu graficznego gościa serwisu. Podstrona filmy prezentuje się tak jak do tej proy (rys. \ref{u_filmy}). Na stronie wydarzenia od tej pory mamy możliwość dokonywnia zapisów na wybrane przez nas wydarzenia (rys. \ref{u_wydarzenia}). Możemy również dokonywać rezerwacji biletów na stronie aktualnego repertuaru (rys. \ref{u_repertuar}). Używając odpowiedniego odnośnika ze strony repertuaru przenosimy się do strony, na której możemy wybrać interesujące nas miejsca (rys. \ref{u_rezerwacja}). Dokonanae przez nas rezerwacje i zapisy na wydarzenia możemy obejrzeć na podstronie "twoje zapisy i rezerwacje" (rys. \ref{u_zapisy}). Na stronie tej możemy wypisać się z wydarzeń na które jesteśmy zapisani lub zrezygnować z dokonanych przez nas rezerwacji.

% koniec uzytkowika
\subsection{Interfejs grafinczy dla dodawacza}
Interfejs graficzny prezentowany dodawaczowi jest znacząco inny niż ten prezeentowany zarejestrowanemu użytkownikowi kina. Na stronie z filmami (rys. \ref{d_filmy}) dodawacz może dodać nowy film do bazy danych. Dodawanie nowego filmu możliwe jest dzięki formularzowi z rysunku \ref{d_filmy_formularz}. Strona z repertuarem (rys. \ref{d_repertuar} pozwala na dodawanie nowych seansów za pomocą formularza z rysunku \ref{d_repertuar_formularz}. Analogicznie -- dodawacz może dodawać nowe wydarzenia kulturalne na stronie wydarzeń (rys. \ref{d_wydarzenia}) za pomocą formularza z rysunku \ref{d_wydarzenia_formularz}. 

\subsection{Interfejs graficzny dla kasjera}
Kasjer ma korzystając ze strony "rezerwacje" (rys. \ref{d_rezerwacje}) ma możliwość anulowania wybranych rezerwacji i zapisów na wydarzenia oraz może zrealizować wybrane rezerwacje.

\subsection{Interfejs graficzny dla administratora serwisu}
Interfejs graficzny dla administratora serwisu jest zbliżony funkcjonalnością do interfejsu dodawacza i kasjera. Ponadto adnimistrator ma dostęp do strony "użytkownicy" (rys. \ref{a_uzytkownicy}) gdzie może zarządzać zarejestrowanymi użytkownikami. Na stronie tej może między innymi zmienić typ użytkownika (np. z zarejestrowanego użytkownika kina na dodawacza).

\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/d_filmy.png}}
        \caption{Interfejs graficzny dla dodawacza -- filmy}
        \label{d_filmy}
    \end{center}
\end{figure}

\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/d_filmy_formularz.png}}
        \caption{Interfejs graficzny dla dodawacza -- filmy -- formularz}
        \label{d_filmy_formularz}
    \end{center}
\end{figure}

\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/d_wydarzenia.png}}
        \caption{Interfejs graficzny dla dodawacza -- wydarzenia}
        \label{d_wydarzenia}
    \end{center}
\end{figure}

\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/d_wydarzenia_formularz.png}}
        \caption{Interfejs graficzny dla dodawacza -- wydarzenia -- formularz}
        \label{d_wydarzenia_formularz}
    \end{center}
\end{figure}

\begin{figure}[p]
\begin{center}
    \resizebox{0.95\textwidth}{!}{\includegraphics{img2/d_repertuar.png}}
    \caption{Interfejs graficzny dla dodawacza -- repertuar}
    \label{d_repertuar}
\end{center}
\end{figure}

\clearpage
\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/d_repertuar_formularz.png}}
        \caption{Interfejs graficzny dla dodawacza -- repertuar -- formularz}
        \label{d_repertuar_formularz}
    \end{center}
\end{figure}


\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/d_filmy.png}}
        \caption{Interfejs graficzny dla dodawacza -- filmy}
        \label{d_filmy}
    \end{center}
\end{figure}

\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/d_rezerwacje.png}}
        \caption{Interfejs graficzny dla kasjera -- rezerwacje}
        \label{d_rezerwacje}
    \end{center}
\end{figure}

\begin{figure}[p]
    \begin{center}
        \resizebox{0.95\textwidth}{!}{\includegraphics{img2/a_uzytkownicy.png}}
        \caption{Interfejs graficzny dla administratora -- użytkownicy}
        \label{a_uzytkownicy}
    \end{center}
\end{figure}



\end{document}
